<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" name=”viewport” content=”width=device-width,initial-scale=1.0, minimum-scale=1.0,
          maximum-scale=1.0, user-scalable=no”>
    <title>超星/尔雅学术视频官网</title>
    <link rel="stylesheet" href="./style/reset.css" type="text/css">
    <link rel="stylesheet" href="./style/layout.css" type="text/css">
</head>
<body>
<script type="text/javascript" src="js/index.js"></script>
<header class="wrap boxAlignCenter">
    <section class="top">
        <marquee direction="right" class="welcome" onmouseover="this.stop()" onmouseout="this.start()">
            欢迎来自景德镇陶瓷大学的用户！
        </marquee>
    </section>
    <section class="mainwrap boxAlignCenter">
        <section class="logo clearFix boxAlignCenter">
            <section class="slogo"><a href=""><img src="./images/logo.png" alt="logo"></a></section>

            <nav class="mainNav">
                <ul class="mainNavUl">
                    <li class="mainNavLi"><a href="#">首页</a></li>
                    <li class="mainNavLi"><a href="#">微视频</a></li>
                    <li class="mainNavLi"><a href="#">报告厅</a></li>
                    <li class="mainNavLi"><a href="#">超星课堂</a></li>
                    <li class="mainNavLi"><a href="#">全部</a></li>
                </ul>
            </nav>
            <section class="search clearFix">
                <section class="sele">
                    <select>
                        <option value="">全部字段</option>
                        <option value="">课程</option>
                        <option value="">教师</option>
                    </select>
                </section>
                <section class="in"><input class="keywords" type="text" name="keywords" placeholder="请输入您要搜索的关键词"></section>
                <section class="btn"><button class="btnSearch">搜索</button></section>
            </section>
        </section>
    </section>
</header>
<div id="flash">
    <div id="prev"></div>
    <div id="next"></div>
    <ul id="play">
        <li style="display: block;"><img src="images/img01.jpg" alt=""/></li>
        <li><img src="images/img02.jpg" alt=""/></li>
        <li><img src="images/img03.jpg" alt=""/></li>
        <li><img src="images/img04.jpg" alt=""/></li>
    </ul>
    <ul id="button">
        <li>
            <div style="background: #A10000;"></div>
        </li>
        <li>
            <div></div>
        </li>
        <li>
            <div></div>
        </li>
        <li>
            <div></div>
        </li>
    </ul>
</div>

<div class="mainwrap clearFix" id="tab-list">
    <section class="ico1">
        <img src="./images/ico01.jpg" alt="">
    </section>
    <ul id="ul1">
        <li class="active">文化艺术</li>
        <li>经济管理</li>
        <li>人物历史</li>
        <li>哲学心理</li>
        <li>时事热点</li>
        <section class="more"><a href="">more</a></section>
    </ul>
    <div>
        <ul>
            <li><a href=""><img src="./images/courseImg1.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg2.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg3.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg4.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg5.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg6.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg7.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg8.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg9.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg10.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
        </ul>
    </div>
    <div class="hide">
        <ul>
            <li><a href=""><img src="./images/courseImg10.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg9.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg8.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg7.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg6.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg5.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg4.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg3.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg2.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg1.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
        </ul>
    </div>
    <div class="hide">
        <ul>
            <li><a href=""><img src="./images/courseImg1.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg3.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg5.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg7.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg9.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg2.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg4.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg6.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg8.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg10.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
        </ul>
    </div>
    <div class="hide">
        <ul>
            <li><a href=""><img src="./images/courseImg6.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg7.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg8.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg9.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg10.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg1.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg2.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg3.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg4.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg5.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
        </ul>
    </div>
    <div class="hide">
        <ul>
            <li><a href=""><img src="./images/courseImg2.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg4.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg6.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg8.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg10.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg1.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg3.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg5.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg7.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
            <li><a href=""><img src="./images/courseImg9.jpg" alt=""></a>
                <section class="topic"><a href="">视野之内，想象之外：张…</a></section>
                <section class="author"><a href="">杨斌&emsp;&ensp;新加坡国立大学</a></section>
            </li>
        </ul>
    </div>
</div>

<footer>
    <section class="wrap bottom">
        <section><font style="font-size: 15px;">&copy;2010-2019超星</font>|京ICP证：10040544号|网络视听许可证：0110438号|<img
                src="./images/jh.png" alt="">公安备案号：11010802022117
        </section>
    </section>
</footer>
</body>
</html>